<template>
  <div>{{ attrs.name }}</div>
  <!-- <div>{{ name }}</div> -->
</template>

<script>
export default {
  name: "contextForSetup",
  // props:{
  // 	name:String
  // },
  setup(props, ctx) {
    // ctx: 执行机上下文对象 抛出属性选项的列表attrs, slots, emit
    // 例子见app.vue
    const { attrs } = ctx;
    console.log(attrs.name);

    return {
      attrs: attrs,
    };
    //在这里进行 { name } = attrs 再return name ，template中使用{{ name }}，会丧失响应式
		//	<template>
		//		<div>{{ name }}</div>
		//	</template>
    // const { name } = attrs;
    // return {
    // 	name
    // }
  },
};
</script>

<style></style>
